<template>
  <m-modal
    v-model="visible"
    title="属性"
    okText=""
    cancelText="关闭"
    :height="615"
    resizable
    @ok="handleOk"
    @cancel="handleCancel"
    
  >
    <m-attribute :elementId="elementId" />
  </m-modal>
</template>
<script>
import { Portal } from 'src/components/common/Portal.vue';
import Modal from 'src/components/common/CustomModal';
import Attribute from '../comps/Attribute';

const comp = {
  name: 'comp-attribute-detail',
  components: {
    'm-modal': Modal,
    'm-attribute': Attribute
  },
  props: {
    elementId: String
  },
  data() {

    return {
      visible: false,

    };
  },
  mounted(){
    this.visible = true;
  },

  methods: {
    handleCancel(){
      this.visible = false;
      this.$emit('close');
    },
    handleOk(){
      console.log('creation confirm');
      this.visible = false;
      this.$emit('close');
    }
  }
};
export default comp;
export const attributeDetail = new Portal(comp);
export const portal = attributeDetail;

</script>
<style lang="scss">
</style>
